<template>
    <el-form :inline="true" v-model="attrDataInfo.formData" ref="editorFormRef" size="small" label-width="44px">
        <attr-area></attr-area>
        <el-row>
            <el-col :span="24">
                <el-form-item label="音频输出优先级" label-width="120px"></el-form-item>
            </el-col>
            <el-col :span="24">
                <el-form-item>
                    <el-select v-model="attrDataInfo.formData.audioAvl" placeholder="请选择优先级" style="width:243px" @change="handleChange">
                        <el-option v-for="(item, index) in avls" :key="item.value" :label="item.name" :value="item.value"></el-option>
                    </el-select>
                </el-form-item>
            </el-col>
        </el-row>
    </el-form>
</template>

<script>
import AttrArea from './AttrArea'
import { avlArray } from "@/const/index"
export default {
    data() {
        return {
            avls: avlArray
        }
    },
    inject: ['attrDataInfo'],
    components: {
        AttrArea
    },
    methods: {
        handleChange(val) {
            this.$eventBus.$emit('changeAttr', 'audioAvl', val)
        }
    }
}
</script>